.tabs-container {
	padding: 0 32rpx;
}

.list {
	padding: 0 32rpx;
	box-sizing: border-box;
	margin-top: 20rpx;

	.item {
		overflow: hidden;
		position: relative;
		min-height: 84rpx;
		margin-bottom: 32rpx;
		.head-img {
			width: 100%;
			height: 84rpx;
			box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(134, 144, 156, 0.1);
			position: absolute;
			z-index: -1;
		}

		.head-title {
			width: 100%;
			height: 84rpx;
			top: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 32rpx;
			box-sizing: border-box;
			position: absolute;

			.icon {
				color: $uni-color-primary;
				font-size: 28rpx;
				z-index: 9;
			}

			.collapse {
				transform: rotate(-90deg);
			}

			.head-title-text {
				color: white;
				font-size: 28rpx;
			}
		}

		.item-list {
			margin-top: 74rpx;

			.content {
				border-radius: 20rpx;
				width: 100%;
				background: white;
				box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(134, 144, 156, 0.1);
				margin-bottom: 30rpx;
				position: relative;
				padding: 32rpx;
				box-sizing: border-box;

				.title {
					border-bottom: 2rpx solid #F5F7FA;
					display: flex;
					justify-content: space-between;
					padding: 20rpx 0;
					font-size: 24rpx;

					.tag {
						display: flex;
						gap: 10rpx;
						:deep(.wd-tag){
							width: auto !important;
						}

					}

					.link {
						color: $uni-color-primary;
					}
				}

				.img-list {
					display: flex;
					padding: 20rpx 0;
					gap: 20rpx;
					flex-wrap: wrap;

					image {
						width: 160rpx;
						height: 160rpx;
						border-radius: 12rpx;
					}
				}

				.desc {
					font-size: 24rpx;
					color: #3D3D3D;
					padding-top: 20rpx;
				}
			}

			.one {
				padding-top: 0;
			}

			.to-detail {
				text-align: center;
				color: $uni-color-primary;
				font-size: 32rpx;
			}

			.stamp {
				position: absolute;
				width: 120rpx;
				height: 120rpx;
				right: 20rpx;
				bottom: 20rpx;
			}

			.clasp {
				position: absolute;
				width: 100%;
				bottom: calc(((100rpx - 30rpx) / 2 + 30rpx)*-1);
				z-index: 9;
				left: 0;
				display: flex;
				justify-content: space-between;
				padding: 0 32rpx;
				box-sizing: border-box;

				>view {
					height: 100rpx;
					position: relative;
					line-height: 48rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: center;

					.circle {
						width: 16rpx;
						height: 16rpx;
						background: #87BAFF;
						border-radius: 50%;
						margin: 0 auto;
					}

					.line {
						width: 8rpx;
						height: calc(100rpx - 16rpx);
						background: #DBEEFF;
						border-radius: 4rpx;
						position: absolute;
						z-index: 9;
						top: 8rpx;
					}

				}
			}
		}
	}
}